<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
	<head> 
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 
    <title>Popup example:</title> 
    <link rel="stylesheet" type="text/css" href="../example.css" /> 
    <link rel="stylesheet" type="text/css" href="http://stauren.net/misc/css/base-stauren.css" /> 
  </head> 
<body> 
<div id="doc4"> 
  <div class="hd"> 
    <div class="hd-title">Popup example:</div> 
  </div> 
 
  <div class="hd"> 
<!--更详细的api，请参见 ： <a href="../../jsdoc">../../jsdoc</a>--> 
    <h1>使用必需配置：</h1> 
<pre> 
&lt;script&gt;
 
&lt;script src="http://localhost/att/workspace/os/svn/trunk/src/loader/loader.js"&gt;&lt;/script&gt;
&lt;script&gt;
__.load('core popup', function() {
  var popup1 = new __.widget.Popup('content1', '非modal模式', {
    bModal : false
  });
//需要加载 popup
&lt;/script&gt;
</pre> 
  <button id="open">open</button><br> 
  <button id="modalmode">modalmode</button><br> 
  </div> 
  <select> 
    <option>ie6 select z-index bug is solved</option> 
  </select> 
  <select> 
    <option>abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123</option> 
  </select> 
  <select> 
    <option>abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123</option> 
  </select> 
  <select> 
    <option>abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123</option> 
  </select> 
  <select> 
    <option>abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123</option> 
  </select> 
  <select> 
    <option>abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123abc123</option> 
  </select> 
</div> 
<script> 
/*__ = {
  cfg : [undefined, true, '0', 'http://localhost/att/workspace/os/svn']
};*/
</script> 
<script src="http://double-underscore.googlecode.com/svn/tags/0.3.2/pkgs/loader/loader.js"></script> 
<script> 
__.addModule('cssbase', { fullPath : '' });
 
__.load(['cssbase', 'core popup'], function() {
  var popup1 = new __.widget.Popup('非modal模式, 无标题行', false, {
    modal : false,
    onCancel : false
  });
 
var content2 = '<p>可以用3种方法来设置内容</p><ul>\
<li>1,直接传入innerHTML</li>\
<li>2,传入一个dom reference</li>\
<li>3,直接一个形如__._.addEl函数的参数的object</li>\
</ul>';
  var popup2 = new __.widget.Popup(content2, 'modal模式', {
    showAfterInit : false
  });
  popup2.show();
 
 
  __.on('open', 'click', function() {
    popup1.show();
  });
  __.on('modalmode', 'click', function() {
    popup2.show();
  });
});
</script> 
</body> 
</html> 